<?php
session_start();
if(!isset($_SESSION["usuario"])){
echo"<script type='text/javascript'>document.location='../PanelAdministrador.php'</script>";
}
else{
if($_SESSION["nivel"]!="administrador"){
echo"<script type='text/javascript'>document.location='../PanelAdministrador.php'</script>";
}
}
?>

<!DOCTYPE html>
<html>
    <head>
        <title>anhes</title>
        
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
              <!--css menu-->
		<link href="../menubox/css/style.css" rel="stylesheet" type="text/css"/>
		 <!--css menu panel administrador-->
		 <link href="home.css" rel="stylesheet" type="text/css"/>

        <style>
			body{
				background:#333 url(../images/MU.jpg) no-repeat center center fixed;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				font-family:Arial;
			}
			
			
		</style>
		
		<script type="text/javascript">
			Cufon.replace('h1',{ textShadow: '1px 1px #000'});
			Cufon.replace('h2',{ textShadow: '1px 1px #000'});
			Cufon.replace('.footer',{ textShadow: '1px 1px #000'});
			Cufon.replace('.pxs_loading',{ textShadow: '1px 1px #000'});
		</script>
    </head>

<body>
<center>
		<center>
		<div class="content">
		
			
					<a href="../index.php">
						
							<span class="sdt_link"><h2><font color="white">Cerrar Sesión</FONT></h2></span>
						
					</span>
							</a>
							</li>
							
			
		</div>
	</center>
	
 

        <!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="menubox/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
				/**
				* for each menu element, on mouseenter, 
				* we enlarge the image, and show both sdt_active span and 
				* sdt_wrap span. If the element has a sub menu (sdt_box),
				* then we slide it - if the element is the last one in the menu
				* we slide it to the left, otherwise to the right
				*/
                $('#sdt_menu > li').bind('mouseenter',function(){
					var $elem = $(this);
					$elem.find('img')
						 .stop(true)
						 .animate({
							'width':'170px',
							'height':'170px',
							'left':'0px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({'top':'140px'},500,'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
						 .animate({'height':'170px'},300,function(){
						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length){
							var left = '170px';
							if($elem.parent().children().length == $elem.index()+1)
								left = '-170px';
							$sub_menu.show().animate({'left':left},200);
						}	
					});
				}).bind('mouseleave',function(){
					var $elem = $(this);
					var $sub_menu = $elem.find('.sdt_box');
					if($sub_menu.length)
						$sub_menu.hide().css('left','0px');
					
					$elem.find('.sdt_active')
						 .stop(true)
						 .animate({'height':'0px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'85px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'25px'},500);
				});
            });
        </script>
		
		
		
		<!--Slide-->
		
	
</center>

<!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="../menubox/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
				/**
				* for each menu element, on mouseenter, 
				* we enlarge the image, and show both sdt_active span and 
				* sdt_wrap span. If the element has a sub menu (sdt_box),
				* then we slide it - if the element is the last one in the menu
				* we slide it to the left, otherwise to the right
				*/
                $('#sdt_menu > li').bind('mouseenter',function(){
					var $elem = $(this);
					$elem.find('img')
						 .stop(true)
						 .animate({
							'width':'170px',
							'height':'170px',
							'left':'0px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({'top':'140px'},500,'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
						 .animate({'height':'170px'},300,function(){
						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length){
							var left = '170px';
							if($elem.parent().children().length == $elem.index()+1)
								left = '-170px';
							$sub_menu.show().animate({'left':left},200);
						}	
					});
				}).bind('mouseleave',function(){
					var $elem = $(this);
					var $sub_menu = $elem.find('.sdt_box');
					if($sub_menu.length)
						$sub_menu.hide().css('left','0px');
					
					$elem.find('.sdt_active')
						 .stop(true)
						 .animate({'height':'0px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'85px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'25px'},500);
				});
            });
        </script>


<!-- Page START -->
</div>
<center><h1><font color="white">Panel de administrador</font></h1>
<br>
<h3><font color="white">En esta seccion usted podra dar de alta, baja y actualizaciones, segun sea necesario.</font></h3></center>
	
<center>

<a href="Producto.php" title=""><img class="imImagePNG" src="images/producto.png" width='150' height='150' alt="ProductoADmin" title="" /></a>
<center>
<h4><font color="white">Producto</font></h4></center>

<center><a href="Usuarios.php" title=""><img class="imImagePNG" src="images/1.jpg" width='150' height='150'  alt="Usuario" title="" /></a></center>
<center> <h4><font color="white">Usuario</font></h4> </center>



</div>



<p>&nbsp;
  
</p>


</body>
<scr$ipt src="js/classie.js"></script>
  <script src="js/borderMenu.js"></script>
</html>
